﻿<%@ Page Title="" Language="C#" MasterPageFile="~/View/Main.Master" AutoEventWireup="true" CodeBehind="BiddingPage.aspx.cs" Inherits="ArtClub.View.BiddingPage1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainMenu" runat="server">
    <li><a href="BrowseCatalogue.aspx">Art Pieces</a>
    </li>
    <li><a href="BiddingInfoPage.aspx">Pieces for Bidding</a>
    </li>
    <li><a href="ChangeSystemDatePage.aspx">Subscription</a>
    </li>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PageName" runat="server">
    Bidding Page
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Submenu" runat="server">
    <a href="BiddingInfoPage.aspx" class="list-group-item">Bidding Info Page</a>
    <a href="BiddingRecordPage.aspx" class="list-group-item">Bidding Record</a>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="MainContent" runat="server">
    <form id="form1Bidding" runat="server">
        <div class="row">
            <div class="col-md-6 col-md-offset-2">
                <asp:Image ID="imgProduct" runat="server" />
            </div>
        </div>
        <br />
        <br />
        <div class="row">
            <div class="col-xs-6 col-md-2 col-md-offset-1">Name: </div>
            <div class="col-xs-6 col-md-2">
                <asp:Label ID="lblName" runat="server"></asp:Label>
            </div>


            <div class="col-xs-6 col-md-2">Artist: </div>
            <div class="col-xs-6 col-md-2">
                <asp:Label ID="lblArtist" runat="server"></asp:Label>
            </div>


        </div>

        <br />
        <div class="row">
            <div class="col-xs-6 col-md-2 col-md-offset-1">Type: </div>
            <div class="col-xs-6 col-md-2">
                <asp:Label ID="lblType" runat="server"> </asp:Label>
            </div>


            <div class="col-xs-6 col-md-2">Bidding Step: </div>
            <div class="col-xs-6 col-md-2">
                <asp:Label ID="lblBiddingStep" runat="server"></asp:Label>

            </div>

        </div>
        <br />
        <div class="row">
            <div class="col-xs-6 col-md-2 col-md-offset-1">Highest Bid: </div>
            <div class="col-xs-6 col-md-2">
                <asp:Label ID="lblHighestBid" runat="server"></asp:Label>
            </div>


            <div class="col-xs-6 col-md-2">Remaining Time: </div>
            <div id="displayTime" class="col-xs-6 col-md-2" runat="server"></div>
             <div id="endTime" runat="server" style="display: none"></div>
        </div>
        <br />
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <asp:Button ID="btnBid" class="btn btn-primary" runat="server" Text="Bid Now" OnClick="btnBid_Click" />
            </div>

        </div>
    </form>

    <script type="application/javascript">
        var currentDate = Date.now();
        var endTime = $("#MainContent_endTime").text();
        var timeDifference = endTime - currentDate;
        var ss = Math.floor(timeDifference / 1000);
        var myCountdownTest = new Countdown({
            time: ss, width: 100, target: "MainContent_displayTime", height: 40, rangeHi: 'minute'
        });

        </script>
</asp:Content>
